<template>
	<div>
		
		<van-nav-bar
		  title="修改资料"
		  left-text=""
		  @click-left="onClickLeft"
		  left-arrow
		>
		</van-nav-bar>
		<div style="height:1rem;background-color: #CCCCCC;"></div>
		<div style="display: flex;align-items: center;line-height: 4rem;border-bottom:1px solid #CCCCCC;margin: 1rem;">
			<P style="width: 80%;">头像</P><p style="text-align: right;display: flex;align-items: center;"><img style="border-radius: 50rem;" :src="userInfo.avatar"/></p>
		</div>
		<van-cell title="姓名"  is-link  value="楚棉"/>
		<van-cell title="性别"  is-link  value=""/>
		<van-cell title="生日"  is-link  value=""/>
		<div style="height: 1rem;background-color: #CCCCCC;"></div>
		<van-cell title="修改密码"  is-link  value=""/>
		<van-cell title="密保手机"  is-link  value=""/>
	</div>
</template>

<script>
	import { mapState } from "vuex";
	export default{
	computed: {
	  ...mapState({
	    userInfo: (state) => state.login.userInfo,
	  }),
	  
	},
		methods:{
			onClickLeft() {
			  this.$router.go(-1)
			}
	},
	}
</script>

<style>
</style>
